<template>
  <svg
    t="1754476199928"
    class="icon"
    viewBox="0 0 1024 1024"
    version="1.1"
    xmlns="http://www.w3.org/2000/svg"
    p-id="1081"
    :width="size"
    :height="size"
  >
    <path
      d="M318.73024 836.32128001c3.9936 3.9936 9.23648 6.00064 14.47936 6.00063999s10.48576-2.00704 14.47936-6.00064l307.2-307.2c8.00768-8.00768 8.00768-20.95104 0-28.95872l-307.2-307.2c-8.00768-8.00768-20.95104-8.00768-28.95872 0s-8.00768 20.95104 1e-8 28.95872l292.72063999 292.72064L318.73024 807.36256C310.72256 815.37024 310.72256 828.33408 318.73024 836.32128001z"
      :fill="color"
      p-id="1082"
    ></path>
  </svg>
</template>

<script>
  export default {
    name: "ArrowRightIcon",
    props: {
      size: {
        type: [Number, String],
        default: 24,
      },
      color: {
        type: String,
        default: "#ffffff",
      },
    },
  };
</script>

<style scoped>
  .icon {
    display: inline-block;
    padding-top: 4px;
  }
</style>
